<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>左边固定 右边自适应</title>
	</head>
	<body>
        <style>
            .main{
                float:right;
                width: 100%;
                margin-left:-200px;
                background-color: rgb(202, 158, 165);
            }
            .content{
                margin-left:200px;
                background-color: aquamarine;
            }
            .side{
                float:left;
                width: 200px;
                background-color: pink;
            }
        </style>
        <div class="main">
            <div class="content">
                geyao
            </div>
           
        </div>
        <div class="side">
            fangfang
        </div>
		<script>
		
		</script>
	</body>
</html>
